<!-- 客户详情页 -->
<div style="width: 100% ;height:800px ;background-color: white">

    <div style="width: 100%;height: 40px;padding: 10px 30px">
        <i class="glyphicon glyphicon-home"></i>&nbsp;&nbsp;&nbsp;客源详情&nbsp;&nbsp;
        (客源编号 : <span>DM5465464</span> )
        <span style="margin-left: 3%;margin-top: 0px;padding: 2px 10px;background-color: deepskyblue;color: white;display: inline-block;width: 50px;height: 20px">二手</span>
        <button class="btn btn-default" type="button" style="background-color: red;color: white;margin-left: 65%">领用</button>
    </div>
    <form>
        <div style="width: 100%;height: 100px;border-width: 1px ;border-style: solid;border-color: lightgrey;margin: 20px 30px;padding: 10px 20px">
            <div style="width: 100%;height: 50px">
                姓名:<input type="text" value="吴先生">
                <select STYLE="width: 10%;height: 25px ;margin-right: 1%">
                    <option>请选择</option>
                </select>
                <input type="checkbox">VIP
                <input type="checkbox" style="margin-left: 2%">购房资格 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                来源:
                <select style="width: 15%;height: 25px;margin-right: 5%">
                    <option>来访</option>
                    <option>来访</option>
                    <option>来访</option>
                </select>
                等级:
                <select style="width: 10%;height: 25px">
                    <option>C</option>
                    <option>B</option>
                    <option>A</option>
                </select>
            </div>

            <div style="width:100%;height: 50px;">
                地址: <input type="text" style="width: 30%;margin-right: 13%">
                邮箱: <input type="text" style="margin-right: 7%">
                其他: <input type="text" style="margin-right: 2%">
                <button class="btn btn-default" type="submit" style="background-color: red;color: white;">保存</button>
            </div>
        </div>
    </form>
    <div style="width: 100%;height: 140px;padding: 10px 30px">
        <div style="width: 100%;height: 30px">
            <div style=";padding : 5px 5px;float: left;width: 70px;height: 30px;background-color: #0b97c4;color: white">
                <i class="glyphicon glyphicon-menu-hamburger">&nbsp;需求</i>
            </div>
            <div style="float: right">
                <a href="javascript:void(0);" style="display: inline-block;background-color: #0b97c4;color: white;width: 20px;height: 20px;padding: 3px 3px">
                    <i class="glyphicon glyphicon-plus"></i>
                </a>
            </div>
        </div>
        <div style="width: 100%;height: 30px;padding: 10px 0px">
            <span style="background-color: red;color: white">求购</span> &nbsp;&nbsp;&nbsp;&nbsp;2012-12-30 &nbsp;&nbsp;<span style="background-color: grey;color: white">二手</span>
        </div>
        <div style="width: 100%;height: 30px;padding: 10px 0px">
            <span style="margin-right: 1%">(2-2)室</span>
            <span style="margin-right: 1%">1/1/1</span>
            <span style="margin-right: 1%">上海市</span>
            <span style="margin-right: 0%">上海市 虹口区</span>-
            <span style="margin-right: 1%">广中凉城片区</span>
            <span style="margin-right: 1%">(75-90平)</span>
            <span style="margin-right: 1%">(180-200)万</span>

        </div>
        <div style="width: 100%;height: 30px;padding: 10px 0px">
            客户需求自述:  <span>楼层需求:
          2-5层</span>
        </div>
    </div>

    <div style="width: 100%;height: 30px;margin: 15px 30px">
        <div style=";padding : 5px 5px;float: left;width: 100px;height: 30px;background-color: #0b97c4;color: white">
            <i class="glyphicon glyphicon-user">&nbsp; 联系人</i>
        </div>
        <div style="float: right;width: 70px ;height: 30px;margin-right: 1%" >
            <a href="javascript:void(0);" style="display: inline-block;background-color: #0b97c4;color: white;width: 20px;height: 20px;padding: 3px 3px">
                <i class="glyphicon glyphicon-plus"></i>111
            </a>
        </div>
    </div>

    <div style="width: 100%;height: 120px;margin: 0px 30px;border-color: lightgrey;border-width: 1px;border-style: solid">
        <div style="width: 100%;height: 40px">
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">联系人</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">移动电话</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">移动参照</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">固话</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">固话参照</span>
        </div>
        <div style="width: 100%;height: 40px">
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">吴先生</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">61742114</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">(86)186****6267</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">-</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">-</span>
        </div>
        <div style="width: 100%;height: 40px">
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">创建:2012-12-30 张飞虎</span>
            <span style="display: inline-block; width: 17%;height: 100%;text-align: center">修改:无</span>
        </div>
    </div>


</div>